<template>
	<view class="custom_vertical_list_gotop" @click="gotopClick" v-if="isShow">
		<image src="../../static/img/top.png" style="width:40rpx;height:40rpx;border-radius: 60rpx;padding:10rpx;"></image>
	</view>
</template>

<script>
export default {
	name: 'custom-vertical-list-gotop',
	props: {
		isShow: {
			type: Boolean,
			default() {
				return false;
			}
		}
	},
	data() {
		return {};
	},
	methods: {
		gotopClick(e) {
			uni.pageScrollTo({
				scrollTop: 0,
				duration: 100
			});
		}
	}
};
</script>

<style lang="less">
.custom_vertical_list_gotop {
	position: fixed;
	z-index: 99;
	bottom: 140rpx;
	right: 40rpx;
	width: 60rpx;
	height: 60rpx;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 60rpx;
}
</style>
